<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const properties = [
      "中华园,北京市,公寓",
      "华景苑,上海市,别墅",
      "新城市广场,深圳市,公寓",
      "雅居乐花园,广州市,别墅",
      "恒大城,广州市,公寓",
      "太阳花园,北京市,别墅"
    ]
    function render(data) {
      const arr = data.filter((item) => item.split(',')[2] === '公寓')
      .map((item) => item.split(',')[0])

      const res = data.filter((item) => item.split(',')[2] === '别墅')
      .map((item) => item.split(',')[0])

      console.log(arr)
      console.log(res)

      return {
        公寓 : arr,
        别墅 : res
      }
    }
    const num = render(properties)
    console.log(num);
  </script>
</body>

</html>